<template>
  <h2>捐赠收入公示</h2>
  <el-scrollbar height="400px" class="scrollbar">
    <el-table class="tab" :data="tableData" stripe style="width: 100%">
      <el-table-column prop="createdate" label="捐赠时间" width="300"></el-table-column>
      <el-table-column prop="user.urealname" label="姓名" width="100" #default="scope">
        {{ scope.row.user === null ? "" : scope.row.user.urealname }}
      </el-table-column>
      <el-table-column prop="tissue" label="收款组织" width="350"></el-table-column>
      <el-table-column prop="dmoney" label="金额"></el-table-column>
    </el-table>
  </el-scrollbar>
  <div class="warning">
    <h3>
      <el-text class="mx-1" type="warning" style="font-size: 20px">注意事项：<br>此处为个人捐赠的信息，匿名用户不显示名字，数据为实时更新
      </el-text>
    </h3>
    <p>
      <el-text class="mx-1" style="font-size: 20px">
        我们将以高度的责任感和透明度来管理和使用您的捐款，并确保您的捐助产生最大的公益效果。如有不法行为请向我们举报，举报电话400-888-8888.
      </el-text>
    </p>
  </div>
</template>

<script>
import doThis from "@/api/getData";

export default {
  name: "DonatePublicity",
  data() {
    return {
      tableData: [],
    }
  },
  mounted() {
    doThis.doGet("/donatemoney/list").then(res => {
      this.tableData = res.data
      console.log(res)
    })
  }
}
</script>

<style scoped>
* {
  font-size: 24px;
}

.tab {

}

h2 {
  text-align: center;
  padding: 30px;
}

.scrollbar {
  width: 80%;
  margin: 0 auto;
}

.warning {
  margin: 0 auto;
  width: 80%;
  padding: 8px 16px;
  border-radius: 4px;
  border-left: 5px solid var(--el-color-danger);
  //margin: 20px 0;
  line-height: 1.4;
  font-size: 16px;
  font-weight: 400;
}
</style>